<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="sep" uri="/tags/sep" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
    <TITLE>초지기 생산</TITLE>
    <%

        String strXML = "";


        Integer aaa = 10;

        strXML += "<chart palette='2' decimals='0' numdivlines='0' numberSuffix='' showLabels='1' animation='1' canvasBorderThickness='1'  canvasBorder='1'  showBorder='0' bgColor='#FFFFFF' sNumberSuffix='' setAdaptiveSYMin='1' showSum='1' showPlotBorder='1' useRoundEdges='0' showExportDataMenuItem='0'  showLegend='0' legendIconScale='20' legendPosition='right' legendCaption='alphabet'>";
        strXML += "<categories font='Arial' fontSize='12' fontColor='000000'>";
        for (Integer i = 1; i < 16; i++) {
            strXML += "	<category label='" + i + "'/>";
        }
        strXML += "</categories>";
// strXML += "<dataset>";
        strXML += "	<dataSet seriesName='천안' color='#fef0df' showValues='1'>";
        strXML += "     <set value='10' />";
        strXML += "		<set value='26' />";
        strXML += "		<set value='29' />";
        strXML += "		<set value='31' />";
        strXML += "		<set value='34' />";
        strXML += "		<set value='26' />";
        strXML += "		<set value='29' />";
        strXML += "		<set value='31' />";
        strXML += "		<set value='34' />";
        strXML += "		<set value='31' />";
        strXML += "		<set value='34' />";
        strXML += "		<set value='26' />";
        strXML += "		<set value='29' />";
        strXML += "		<set value='31' />";
        strXML += "		<set value='34' />";
        strXML += "	</dataSet>";
        strXML += "	<dataSet seriesName='함안' color='F6BD0F'  showValues='1'>";
        strXML += "		<set value='21' />";
        strXML += "		<set value='28' />";
        strXML += "		<set value='39' />";
        strXML += "		<set value='41' />";
        strXML += "		<set value='24' />";
        strXML += "		<set value='21' />";
        strXML += "		<set value='28' />";
        strXML += "		<set value='39' />";
        strXML += "		<set value='41' />";
        strXML += "		<set value='24' />";
        strXML += "		<set value='21' />";
        strXML += "		<set value='28' />";
        strXML += "		<set value='39' />";
        strXML += "		<set value='41' />";
        strXML += "		<set value='24' />";
        strXML += "	</dataSet>	";
        strXML += "	<dataSet seriesName='평택' color='A974A1'  showValues='1'>";
        strXML += "		<set value='21' />";
        strXML += "		<set value='28' />";
        strXML += "		<set value='39' />";
        strXML += "		<set value='41' />";
        strXML += "		<set value='24' />";
        strXML += "		<set value='21' />";
        strXML += "		<set value='28' />";
        strXML += "		<set value='39' />";
        strXML += "		<set value='41' />";
        strXML += "		<set value='24' />";
        strXML += "		<set value='21' />";
        strXML += "		<set value='28' />";
        strXML += "		<set value='39' />";
        strXML += "		<set value='41' />";
        strXML += "		<set value='24' />";
        strXML += "	</dataSet>	";
// strXML += "</dataset>	";

        strXML += "</chart>";


        String pieXML = "";


        pieXML += " <chart showPercentageInLabel='0' showValues='1' bgColor='#FFFFFF' showLabels='0' showBorder='0' showLegend='1' legendPosition='right'>";

        pieXML += " <set value='23' label='교체' color='429EAD'/>";

        pieXML += " <set value='12' label='정전' color='4249AD'/>";

        pieXML += " <set value='5' label='지연' color='AD42A2'/>";

        pieXML += " <set value='40' label='휴식' color='D4AC31'/>";

        pieXML += " </chart>";

    %>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" href="<sep:config key='server.config.doc-root'/>/css/style.css" rel="stylesheet">
    <script type="text/javascript" src="<sep:config key='server.config.doc-root'/>/javascript/FusionCharts.js"></script>
    <script type="text/javascript">

        function init() {
            var context_root = "<sep:config key='server.config.doc-root'/>/FCharts/Charts/StackedColumn2D.swf";
            // 		FusionCharts = function(swf, id, w, h, debugMode, registerWithJS, c, scaleMode, lang, detectFlashVersion, autoInstallRedirect);
            var chart_test = new FusionCharts(context_root, "myChart", "1150", "350", "0", "0");
            chart_test.setDataXML("<%=strXML%>");
            chart_test.render("chart_test");

            var context_root1 = "<sep:config key='server.config.doc-root'/>/FCharts/Charts/Pie2D.swf";
            // 		FusionCharts = function(swf, id, w, h, debugMode, registerWithJS, c, scaleMode, lang, detectFlashVersion, autoInstallRedirect);
            var pie_test = new FusionCharts(context_root1, "myChart", "350", "350", "0", "0");
            pie_test.setDataXML("<%=pieXML%>");
            pie_test.render("pie_test");

        }


        function radio(idx) {

            var year_style = document.getElementById("cntc_dat_year");
            var month_style = document.getElementById("cntc_dat_month");
            var day_style = document.getElementById("cntc_dat_day");

            if (idx == "1") {
                year_style.style.display = "";
                month_style.style.display = "";
                day_style.style.display = "";
            } else if (idx == "2") {
                year_style.style.display = "";
                month_style.style.display = "";
                day_style.style.display = "none";
            } else {
                year_style.style.display = "";
                month_style.style.display = "none";
                day_style.style.display = "none";
            }
        }

    </script>

</HEAD>
<BODY onload="init()">
<div id="container">
<div id="summary">
    <table>
        <tr>
            <td width="800">
                <div id="summary_tt">초지기 생산추이 <span></span></div>
				<span>
					<select id="cntc_dat_year" class="" name="">
                        <option value="">2013년</option>
                        <option value="">2012년</option>
                        <option value="">2011년</option>
                        <option value="">2010년</option>
                        <option value="">2009년</option>
                        <option value="">2008년</option>
                        <option value="">2007년</option>
                    </select>
					<select id="cntc_dat_month" class="" name="">
                        <option value="">1월</option>
                        <option value="">2월</option>
                        <option value="">3월</option>
                        <option value="" selected="selected">4월</option>
                        <option value="">5월</option>
                        <option value="">6월</option>
                        <option value="">7월</option>
                        <option value="">8월</option>
                        <option value="">9월</option>
                        <option value="">10월</option>
                        <option value="">11월</option>
                        <option value="">12월</option>
                    </select>
					<select id="cntc_dat_day" class="" name="">
                        <% for (int i = 1; i < 32; i++) {%>
                        <option value=""><%=i%> 일</option>
                        <%
                            }
                        %>

                    </select>
					</span>
            </td>

            <td align="right" width="800">
				<span>
				<input type="radio" name="sample" value="date" checked="checked" onClick="radio(1);init();">일</input>
                    &nbsp;&nbsp;
				<input type="radio" name="sample" value="mon" onClick="radio(2);init();">월</input>&nbsp;&nbsp;
				<input type="radio" name="sample" value="year" onClick="radio(3);init();">연</input>&nbsp;&nbsp;
				<input type="image" src="<sep:config key='server.config.doc-root'/>/images/btn_search.gif"
                       style="cursor: pointer" onclick="init();" alt="조회">
				</span>
            </td>
        </tr>
    </table>
</div>
<div id="cont1">
    <table>
        <tr>
            <td>
                <div id="chart_test" style="margin-top: 0px;border:0"></div>
            </td>
            <td>
                <div id="pie_test" style="margin-top: 0px;border:0"></div>
            <td>
        </tr>
    </table>
</div>
<div id="cont2">
    <table class="table1">
        <thead>
        <tr>
            <th colspan="2" class="tbFirst">구분</th>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
            <th>5</th>
            <th>6</th>
            <th>7</th>
            <th>8</th>
            <th>9</th>
            <th>10</th>
            <th>11</th>
            <th>12</th>
            <th>13</th>
            <th>14</th>
            <th>15</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <!-- 						<td rowspan="8" class="green">평택</td> -->
            <td rowspan="4" class="green">생산<br>(톤)</td>
            <td class="green1">전체</td>
            <td class="gray">52</td>
            <td class="gray">82</td>
            <td class="gray">107</td>
            <td class="gray">113</td>
            <td class="gray">82</td>
            <td class="gray">68</td>
            <td class="gray">85</td>
            <td class="gray">109</td>
            <td class="gray">116</td>
            <td class="gray">79</td>
            <td class="gray">76</td>
            <td class="gray">82</td>
            <td class="gray">107</td>
            <td class="gray">113</td>
            <td class="gray">82</td>
        </tr>
        <tr>
            <td class="green">평택</td>
            <td class="blue">21</td>
            <td class="blue">28</td>
            <td class="blue">39</td>
            <td class="blue">41</td>
            <td class="blue">24</td>
            <td class="blue">21</td>
            <td class="blue">28</td>
            <td class="blue">39</td>
            <td class="blue">41</td>
            <td class="blue">24</td>
            <td class="blue">21</td>
            <td class="blue">28</td>
            <td class="blue">39</td>
            <td class="blue">41</td>
            <td class="blue">24</td>
        </tr>
        <tr>
            <td class="green">함안</td>
            <td class="pink">21</td>
            <td class="pink">28</td>
            <td class="pink">39</td>
            <td class="pink">41</td>
            <td class="pink">24</td>
            <td class="pink">21</td>
            <td class="pink">28</td>
            <td class="pink">39</td>
            <td class="pink">41</td>
            <td class="pink">24</td>
            <td class="pink">21</td>
            <td class="pink">28</td>
            <td class="pink">39</td>
            <td class="pink">41</td>
            <td class="pink">24</td>
        </tr>
        <tr>
            <td class="green">천안</td>
            <td class="yellow">10</td>
            <td class="yellow">26</td>
            <td class="yellow">29</td>
            <td class="yellow">31</td>
            <td class="yellow">34</td>
            <td class="yellow">26</td>
            <td class="yellow">29</td>
            <td class="yellow">31</td>
            <td class="yellow">34</td>
            <td class="yellow">31</td>
            <td class="yellow">34</td>
            <td class="yellow">26</td>
            <td class="yellow">29</td>
            <td class="yellow">31</td>
            <td class="yellow">34</td>
        </tr>
        <tr>
            <td rowspan="4" class="green">운휴시간<br>(분)</td>
            <td class="green1">전체</td>
            <td class="gray">150</td>
            <td class="gray">60</td>
            <td class="gray">150</td>
            <td class="gray">60</td>
            <td class="gray">40</td>
            <td class="gray">70</td>
            <td class="gray">165</td>
            <td class="gray">80</td>
            <td class="gray">90</td>
            <td class="gray">70</td>
            <td class="gray">110</td>
            <td class="gray">140</td>
            <td class="gray">150</td>
            <td class="gray">170</td>
            <td class="gray">170</td>
        </tr>
        <tr>
            <td class="green">평택</td>
            <td class="blue">150</td>
            <td class="blue">60</td>
            <td class="blue">150</td>
            <td class="blue">60</td>
            <td class="blue">40</td>
            <td class="blue">70</td>
            <td class="blue">165</td>
            <td class="blue">80</td>
            <td class="blue">90</td>
            <td class="blue">70</td>
            <td class="blue">110</td>
            <td class="blue">140</td>
            <td class="blue">150</td>
            <td class="blue">170</td>
            <td class="blue">170</td>
        </tr>
        <tr>
            <td class="green">함안</td>
            <td class="pink">150</td>
            <td class="pink">60</td>
            <td class="pink">150</td>
            <td class="pink">60</td>
            <td class="pink">40</td>
            <td class="pink">70</td>
            <td class="pink">165</td>
            <td class="pink">80</td>
            <td class="pink">90</td>
            <td class="pink">70</td>
            <td class="pink">110</td>
            <td class="pink">140</td>
            <td class="pink">150</td>
            <td class="pink">170</td>
            <td class="pink">170</td>
        </tr>
        <tr>
            <td class="green">천안</td>
            <td class="yellow">150</td>
            <td class="yellow">60</td>
            <td class="yellow">150</td>
            <td class="yellow">60</td>
            <td class="yellow">40</td>
            <td class="yellow">70</td>
            <td class="yellow">165</td>
            <td class="yellow">80</td>
            <td class="yellow">90</td>
            <td class="yellow">70</td>
            <td class="yellow">110</td>
            <td class="yellow">140</td>
            <td class="yellow">150</td>
            <td class="yellow">170</td>
            <td class="yellow">170</td>
        </tr>
        </tbody>
    </table>
</div>

</div>
</BODY>
</HTML>
